<template>
	
	<!-- 没有车辆提示 -->
	<view class="no_car">
		<view class="img">
			<img style="width: 100%;height: 100%;" src="@/static/暂无车辆.png" alt="" />
		</view>
		<view class="tip">暂无车辆信息</view>
	</view>
	
	<!-- 添加爱车按钮 -->
	<view class="button">
		<button @tap="ComeToAddCar" type="primary" style="background-color: #00aaff;"> 添加爱车</button>
	</view>
</template>

<script setup>
	const ComeToAddCar =()=>{
		uni.navigateTo({
			url:"/pages/gyf/add_car/add_car"
		})
	}
</script>

<style lang="scss" scoped>
	
	// 没有车辆提示
	.no_car{
		width: 100vw;
		height: 15vh;
		// background-color: seagreen;
		margin-top:20vh;
		.img{
			width: 20%;
			height: 70%;
			// background-color: aquamarine;
			margin: 0 auto;
			border-radius: 50%;
		}
		.tip{
			text-align: center;
			margin-top:2vh;
		}
	}
	
	
	// 添加车辆按钮
	.button{
		width: 70vw;
		height: 6vh;
		// background-color:darkmagenta;
		position: fixed;
		margin: 0px auto;
		left:15vw;
		top:80vh;
	}
</style>